<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* .box {
            width: 200px;
            height: 200px;
            background: red;
        }

        .active {
            color: white;
        } */
    </style>
</head>

<body>
    <!-- <div class="box">111111</div>
    <button>点击添加类名</button>
    <button>点击删除类名</button>
    <button>查看是否包含某个类名</button> -->
    <script>
        // var boxEle = document.querySelector(".box");
        // var btns = document.querySelectorAll("button");
        // btns[2].onclick = function () {
        //     var res = boxEle.classList.contains("active");
        //     console.log(res);
        // }
        // function xx(fn, delay) {
        //     var time = null
        //     return function () {
        //         if (!time) {
        //             fn()
        //         }
        //         if (time) {
        //             clearInterval(time)
        //         }
        //         time = setInterval(function () {
        //             time = null
        //         }, delay);
        //     }
        // }
        // document.onclick = xx(function () { console.log("xxx") }, 2000)
        // function xxx(fn, delay) {
        //     var startime = new Date().getTime()
        //     return function () {
        //         var endtime = new Date().getTime()
        //         if ((endtime - startime) / 1000 > delay) {
        //             fn()
        //             startime = new Date().getTime()
        //         }
        //     }
        // }
        // document.onclick = xxx(function () { console.log(122) }, 1)
        // console.log(Math.max(1, 2, 3))
        // function xx(fn, delay) {
        //     var time = null
        //     document.onclick = function () {
        //         return function () {
        //             if (!time) {
        //                 fn()
        //             }
        //             if (time) {
        //                 clearTimeout(time)
        //             }
        //             time = setTimeout(function () {
        //                 time = null
        //             }, delay)
        //         }
        //     }
        // }
        // document.onclick = xx(function () { console.log(11) }, 1000)
        function Person(name, age) {
            let obj = {}
            obj.name = name
            obj.age = age
            obj.walk = function () {
                console.log("gagaga")
            }
            return obj;
        }
        let ren1 = Person("ren1", 2)
        ren1.walk()
        let ren2 = Person("ren2", 3)
        ren2.walk()
        let ren3 = Person("ren3", 4)
        ren3.walk()
    </script>
</body>

</html>